body    { font-size: 12px; }
td      { font-size: 12px; }

td.titles
{
        height: 70px;
        border: 1px solid rgb(250, 200, 200);
        background: rgb(255, 250, 250);
        margin: 5px;
}
td.titles td.title-line
{
        height: 40px;
        text-align: left;
        vertical-align: middle;
}
td.titles td.title-line .title
{
        height: 30px;
        color: rgb(150,50,50);
        font-family: sans;
        font-size: 20px;
        font-weight: bold;
}
td.titles td.title-line .title a
{
        color: rgb(150,50,50);
        text-decoration: none;
}
td.titles td.title-line .title a:hover
{
        background: rgb(250,235,235);
}
td.titles td.subtitle-line
{
        margin: 5px;
}
td.titles td.subtitle-line .subtitle
{
        color: rgb(100, 50, 50);
}
td.info-line
{
        margin: 5px;
        padding: 2px;
        border: 1px solid rgb(100, 200, 100);
        background: rgb(245,255,245);
}
td.main-body
{
        margin-top: 5px;
}
td.main-body td.catalogs
{
        width: 200px;
        border-right: 1px solid rgb(250, 225, 225);
}
td.main-body td.catalogs .catalog-title
{
        display: block;
        width: 70%;
        border: 1px solid rgb(100, 200, 100);
        background: rgb(230,250,230);
        margin: 5px;
        margin-bottom: 0px;
        padding: 3px;
        padding-bottom: 1px;
        font-weight: bold;
}
td.main-body td.catalogs ul.catalog
{
        margin: 5px;
        margin-top: -1px;
        padding: 5px;
        border: 1px solid rgb(100, 200, 100);
}
td.main-body td.catalogs ul.catalog li
{
        display: block;
        width: 100%;
        background: rgb(252,252,252);
        margin: 2px;
}
td.main-body td.catalogs ul.catalog li a
{
        display: block;
        width: 95%;
        padding: 2px;
        border: 1px solid rgb(252,252,252);
        color: rgb(200,100,100);
        text-decoration: none;
}
td.main-body td.catalogs ul.catalog li a:hover
{
        text-decoration: none;
        color: rgb(100,100,200);
        border: 1px solid rgb(250,200,200);
        background: rgb(250,240,240);
        text-decoration: underline;
}
td.main-body td.log-poster
{
        max-width: 800px;
}
td.main-body td.log-poster a
{
        padding: 3px;
        color: rgb(200,100,100);
        text-decoration: none;
}
td.main-body td.log-poster a:hover
{
        color: rgb(100,100,200);
        text-decoration: none;
        /*border: 1px solid rgb(250,200,200);*/
        background: rgb(250,240,240);
        text-decoration: underline;
}

td.main-body td.log-poster table.log-box
{
        width: 100%;
        /*height: 100%;*/
}
td.main-body td.log-poster td.log-title
{
        height: 20px;
        padding: 5px;
        text-align: left;
        vertical-align: middle;
        font-weight: bold;
        font-size: 14px;
}
td.main-body td.log-poster td.log-content
{
        height: 50px;
        text-align: left;
        vertical-align: top;
}
td.main-body td.log-poster td.log-foot
{
}
td.main-body td.log-poster table.comments-box
{
        margin-top: 5px;
        background: rgb(255,250,250);
        width: 100%;
        border-top: 5px solid rgb(250,200,200);
        border-bottom: 5px solid rgb(250,200,200);
}
td.main-body td.log-poster table.comments-box td.comment-list 
{
        width: 100%;
}
td.main-body td.log-poster table.comments-box td.comment-list
table.comment-box
{
        width: 100%;
        margin: 5px;
        background: rgb(250,255,250);
        border-top: 1px solid rgb(100,200,100);
        border-bottom: 1px solid rgb(100,200,100);
}
td.main-body td.log-poster table.comments-box td.comment-list
table.comment-box td.comment-title
{
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        vertical-align: top;
}
td.main-body td.log-poster table.comments-box td.comment-list
table.comment-box td.comment-content
{
        text-align: left;
        vertical-align: top;
}
td.main-body td.log-poster table.comments-box td.comment-add
{
        margin: 5px;
        padding: 5px;
        border-top: 1px solid rgb(250,200,200);
}
td.main-body td.log-poster table.comments-box td.comment-add
input#name, input#url, textarea#words
{
        margin: 2px;
        border: 1px solid rgb(100,200,100);
        background: rgb(250,255,250);
}
td.main-body td.log-poster table.comments-box td.comment-add
input#name, input#url
{
        width: 200px;
}
td.main-body td.log-poster div.post
{
        width: 95%;
        margin: 5px;
        border: 1px solid rgb(250, 225, 225);
        padding: 5px;
}
td.main-body td.log-poster div.post-date
{
        width: 200px;
        border-right: 1px solid rgb(250, 225, 225);
        border-bottom: 1px solid rgb(250, 225, 225);
        background: rgb(200, 120, 120);
        color: rgb(250, 225, 225);
        margin: 2px;
        padding: 2px;
        margin-top: -5px;
        margin-left: -5px;
}
td.main-body td.log-poster div.post-title
{
        width: 95%;
        margin: 5px;
        padding: 5px;
        font-weight: bold;
        font-size: 14px;
}
td.main-body td.log-poster div.post-short
{
        width: 95%;
}
td.main-body td.log-poster div.post-foot
{
        margin: 5px;
        margin-top: 10px;
        margin-bottom: 2px;
        padding: 5px;
        padding-bottom: 2px;
        border-top: 1px solid rgb(200,200,200);
}

td.foot
{
        border-top: 1px solid rgb(250, 225, 225);
}